<template>
	<view>
		<nav-top :title="navTitle" :type="navType"></nav-top>
		<view class="content">
			<image class="sign" src="@/static/images/home/paySuccess@2x.png"></image>
			<text class="success">支付成功</text>
			<text class="fail">请留意取餐通知</text>
			<view class="yes" @click="toOrder">
				确定
			</view>
		</view>
	</view>
</template>

<script setup>
	const navTitle = ""
	const navType ="nothing"
	function toOrder(){
		uni.switchTab({
			url:"/pages/Order/Order"
		})
	}
</script>

<style lang="scss" scoped>
	@import "@/static/css/commen.scss";
	.content{
		margin-top: 200rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;;
		gap: 8rpx;
		.sign{
			width: 152rpx;
			margin-bottom: 16rpx;
			height: 152rpx;
		}
		.success{
			@include font-base(32rpx,#333333,600);
		}
		.fail{
			@include font-base(28rpx,#333333,600);
		}
		.yes{
			margin-top: 16rpx;
			width: 312rpx;
			height: 88rpx;
			line-height: 88rpx;
			text-align: center;
			background: linear-gradient(to right,#FFD93B,#FFB42D);
			border-radius: 8rpx;
			@include font-base(28rpx,#333333,500);
		}
	}
</style>
